$color-primary : #13b789;
$color-danger : #F56C6C;

$color-brand: $color-primary;
$color-brand-light: $color-primary;
$color-brand-dark: $color-primary;



$space : 30px;
$page-background-color : #f3f4f5;
$border-color : #f3f4f5;

@mixin translate($x : 0px, $y : 0px) {
    transform: translate($x, $y);
}

@mixin background($src, $repeat : no-repeat, $left : center, $top : center) {
    background-image: url('~@/assets/images/' + $src);
    background-position-x: $left;
    background-position-y: $top;
    background-repeat: $repeat;
}

@mixin border-bottom ($color : #f0f0f0) {
    border-bottom: 1px solid $color;
}